@charset "utf-8";
/* CSS Document */

*{margin:0; padding:0; word-wrap:break-word;}
body,h1,h2,h3,h4,h5,h6,hr,a,p,blockquote,dl,div,dt,dd,ul,ol,li,img,select,table,tr,fieldset,pre,form,fieldset,legend,button,input,textarea,th,td { margin:0; padding:0;border: 0;}
body {color:#666; font: 12px/1.232  Arial, Tahoma,'Arial', Helvetica, sans-serif;}
a { text-decoration:none; color:#666; outline:none; display:inline-block;}
a,input,select,textarea { outline:none; vertical-align:middle;}
a:hover{color:#3066be;}
ul,dl { list-style-type:none;}
img { border:0;}
small,em,i {font-weight:normal; font-style:normal;}
li { list-style:none;}
label input { vertical-align:middle;margin-right:5px;}
img {border:0;}
.clear { clear: both; padding:0; margin:0; line-height:0; font-size:0; height:0;}
.clear-fix {*overflow: hidden; *zoom:1; }
.clear-fix:after { display:table; content: ""; clear:both; padding:0; margin:0; line-height:0; font-size:0; height:0;}
.max1200{width:1200px; margin:0 auto;}


.top{background:#efefef; height:45px; width:100%;}
.top .left{float:left; line-height:45px; color:#a0a0a0;}
.top .right{float:right; width:245px;}
.top .right ul li{float:left; border-right:solid 1px #b6b6b6; margin-top:15px; padding:0 10px; text-align:center;}
.top .right ul .last{border:none;}
.top .right ul li a{color:#b6b6b6; display:block; text-align:center;}
.top .right ul li a:hover{color:#3066be;}

.seek{margin:0 auto; width:1200px;}
.seek .left{float:left;}
.seek .left .logo{float:left; width:245px; height:125px;}
.seek .left .state{float:left; background:url(../images/state.png); width:320px; height:125px;}
.seek .you{float:right;}
.seek .you .contact{margin:20px 0 10px 0;  padding-left:10px;}
.seek .you .contact li span,a{color:#3066be;}
.seek .you .contact li{line-height:20px;}
.seek .you .contact .seaBox{clear:both;}
.seek .you .seaBox .input{width:185px; line-height:22px; float:left; padding-left:5px; border:solid 1px #a0a0a0;}
.seek .you .seaBox .sub{width:23px; height:24px; background:url(../images/seekButt.png) no-repeat;}


.nav{clear:both; width:900px; margin:0 auto; font-size:15px;}
.nav ul{display:block; width:100%; }
.nav ul li{float:left; text-align:center; color:#000;position:relative; height: 40px; margin: 0 22px;}
.nav ul li a{text-decoration:none; color:#000;}
.nav ul li .last{line-height:40px;padding: 0 10px}
.nav ul li .current{color:#4373c2; border-top:solid 3px #4373c2;  line-height:34px; padding: 0 10px}
.nav ul li:hover .last{color:#4373c2; border-top:solid 3px #4373c2; cursor:pointer; line-height:34px; }
.nav ul li ul{display:none; top: 40px; left: 0px; position:absolute; font-size:12px; background:rgba(67, 115, 194, 0.67); width:130px;}
.nav ul li:hover ul{display:list-item; z-index:1; padding:5px;}
.nav ul li:hover ul li a{line-height:30px; text-align: left;}
.nav ul li:hover ul li a:hover{color:#fff;}


/*banner*/
.banner{clear:both; position:relative; width:100%; height:531px; margin:50px 0 50px 0; border-top:solid 1px #3a66ae;}
.banner .bd{width:100%; height:531px;}
.banner .bd ul li{width:100%; height:531px; cursor:pointer;}

/*bannerButton*/
.banner .prev,.banner .next{cursor:pointer; display:block; width:30px; height:60px; position:absolute; top:80px; }
.banner .prev{background:url(../images/buttonLeft.png) no-repeat; top:90%; left:48%;}
.banner .next{background:url(../images/buttonRight.png) no-repeat; top:90%; right:48%;}

/*product*/
.proMore{clear:both; width:100%; height:40px; border-bottom:solid 1px #e0e0e0; margin:20px 0;}
.proMore .mid{width:1200px; margin:0 auto;}
.proMore .mid .left{float:left; border-bottom:solid 4px #a0a0a0; color:#000; line-height:38px; font-family:Impact; font-size:24px; width:110px;}
.proMore .mid .right{float:right;}
.proMore .mid .right a{margin-top:20px; color:#000;}

/*productlist*/
.proSort{width:1200px; height:840px; margin:0 auto;}
.proSort .hd{height:100px;}
.proSort .hd .porBG{float:left; margin-right:10px; background:url(../images/prompt.jpg); width:283px; height:62px;}
.proSort .hd ul li{float:left; border:solid 1px #a0a0a0; width:213px; height:58px; margin: 0 5px;}
.proSort .hd ul li:hover{border:solid 1px #3066be;  }
.proSort .hd ul li a{display:block; line-height:58px; padding-left:35px; font-size:16px; color:#000; background:url(../images/icon01.png) no-repeat 20px 50%;}
.proSort .hd ul li a:hover{color:#3066be;}

.proSort .bd{clear:both;}
.proSort .bd ul li{float:left; width:280px; height:350px; position:relative; margin:5px 10px;}
.proSort .bd ul li a{border:solid 1px #a0a0a0;}
.proSort .bd ul li .pro a{width:245px; height:60px; margin:0 auto; display:block; font-size:17px; border:none; color:#000; line-height:60px; text-align:center;}
.proSort .bd ul li:hover .pro a{position:absolute; bottom:30px; left:19px; background:#3066be; color:#fff; z-index:10;}

/**/
.choose{width:100%; height:59px; border-bottom:solid 1px #e0e0e0; margin-bottom:10px;}
.choose .mid{width:240px;  margin:0 auto;}
.choose .mid  a{font-family:Impact; font-size:30px; line-height:58px; border-bottom:solid 3px #e0e0e0;}

.case{width:1200px; height:510px; margin:0 auto;}
.case ul li{float:left; height:420px; width:250px; margin:0 3px; padding:10px 20px; border:solid 2px #fff;}
.case ul li a{display:block;}
.case ul li a h4{color:#000; font-size:18px; border-bottom:solid 1px #e0e0e0; line-height:30px; font-weight:normal; margin-bottom:10px;}
.case ul li a .wen{line-height:20px; font-size:14px; color:#232424;}
.case ul li:hover{border:solid 2px #3066be;}
.case ul li:hover h4{color:#3066be;}

/*about*/
.about{width:100%; height:400px; padding:20px 0 0 0 ; background:#efefef; margin:0 0 100px 0; }
.about .middle{width:1200px; margin:20px auto 0 auto;}
.about .middle .left{float:left;}
.about .middle .left .wen{width:550px;}
.about .middle .left .wen h4 a{display:block; color:#000; font-size:16px; text-align:right; font-weight:bold;}
.about .middle .left .wen .xian{margin:10px 10px;}
.about .middle .left .wen .xian p{float:right; border-bottom:solid 1px #dce1ea; width:140px;}
.about .middle .left .wen .text{clear:both; height:230px; line-height:30px; font-size:14px; text-align:right;}
.about .middle .left .tu1{background:url(../images/bg01.png) no-repeat; width:595px; height:121px;}

.about .middle .right{float:left; margin-left:5px; padding:20px; background:url(../images/videoBg.jpg) no-repeat; width:554px; height:340px;}

/*news*/
.news{width:1200px; height:430px; margin:0 auto;}
.news ul li{float:left; padding:10px; margin:22px; border:solid 1px #efefef; border-radius:3px; height:363px; width:334px;}
.news ul li:hover{border:solid 1px #3066be; border-radius:3px;}
.news ul li:hover a:hover h4{color:#3066be;}
.news ul li a{display:block; margin:0 auto;}
.news ul li a .newpic{position:relative; width:334px; height:150px;}
.news ul li a .newpic .time{position:absolute; z-index:1; right:0px; bottom:-10px; padding:5px; width:40px; height:40px; color:#fff; text-align:center; background:#3066be; }
.news ul li a .newpic .time p{line-height:20px;}
.news ul li a h4{margin:20px 0 10px 0; line-height:20px; font-size:14px; color:#000;}
.news ul li a .content{height:110px; line-height:20px; color:#000;}
.news ul li a .author{text-decoration:underline; line-height:30px; color:#000;}

/*contact us*/
.message{clear:both; width:100%; height:143px; background:url(../images/banBg.jpg) no-repeat; margin:30px auto;}
.message .mid{width:1200px; height:143px; margin:0 auto;}
.message .mid .left{float:left;}
.message .mid .left .up{background:url(../images/zi01.png) no-repeat; height:84px; width:177px;}
.message .mid .left .do{margin:8px 0 8px 10px;}
.message .mid .left .do a{width:110px; height:30px; display:block; line-height:30px; text-align:center; color:#fff; background:#3066be; border-radius:5px;}
.message .mid .left .do a:hover{border:solid 1px #3066be; color:#fff; border-radius:5px; background:rgba(255, 255, 255, 0);}
.message .mid .right{float:left; margin-left:20px; height:143px;}
.message .mid .right .conBox{padding-top:25px;}
.message .mid .right .conBox .left{float:left; width:180px;}
.message .mid .right .conBox .left input{margin:0 0 10px 0; padding-left:10px; height:40px; line-height:40px; width:180px;}
.message .mid .right .conBox .midTex{float:left; width:440px; margin:0 20px;}
.message .mid .right .conBox .midTex textarea{height:70px; width:420px; padding:10px;}
.message .mid .right .conBox .rigSubmit{float:left; width:70px;}
.message .mid .right .conBox .rigSubmit .submit{background:#fff; color:#000; width:60px; height:40px; line-height:40px; margin-bottom:10px; cursor:pointer; border-radius:2px;}
.message .mid .right .conBox .rigSubmit .submit:hover{background:rgba(48, 102, 190, 0.74); color:#fff;}

/*cases*/
.cases{width:1200px; height:500px; margin:0 auto;}
.cases .up{width:100%; height:280px; padding-top:20px;}
.cases .up ul li{float:left; width:580px; margin:0 10px;}
.cases .up ul li a{display:block;}
.cases .up ul li a .left{float:left; width:200px; height:200px; background:#efefef; padding:10px 0 0 10px; margin:0 30px 0 0;}
.cases .up ul li a .right{float:left; width:320px; padding-top:10px;}
.cases .up ul li a .right h4{height:75px; font-size:16px; color:#000; border-bottom:solid 1px #e0e0e0; line-height:25px;}
.cases .up ul li a .right .wenb{line-height:23px; font-size:14px; border-bottom:dashed 1px #efefef; padding:10px 0 10px 0; height:113px; color:#000;}
.cases .up ul li:hover a h4{color:#698acb;}


.cases .partners{clear:both; width:1050px; margin:0 auto; overflow:hidden; position:relative; height:150px; }
.cases .partners .prev,.partners .next{display:block; width:24px; height:24px; position:absolute; overflow:hidden; cursor:pointer;}
.cases .partners .prev{background:url(../images/leftButt.png) no-repeat; left:40px; top:30%;}
.cases .partners .next{background:url(../images/rightButt.png) no-repeat; right:-1px; top:30%;}
.cases .partners .bd{width:900px; margin:0 auto;}
.cases .partners .bd ul li{margin:0 8px; width:173px; height:160px; float:left; _display:inline; overflow:hidden; text-align:center;}
.cases .partners .bd ul li .pic{text-align:center;}
.cases .partners .bd ul li .pic img{width:173px; height:116px; display:block; margin:0 5px;}
.cases .partners .bd ul li .title a{line-height:30px; color:#000;}
.cases .partners .bd ul li .title a:hover{color:#3066be;}
.cases .partners .bd ul li:hover{color:#3066be;}


/*faq*/
.faq{width:100%; height:537px; background:url(../images/bg05.jpg);}
.faq .fmid{width:1200px; margin:0 auto; padding-top:50px;}

.faq .fmid h4{border-bottom:solid 1px #e0e0e0; height:30px; line-height:30px; margin-bottom:20px;}
.faq .fmid h4 .zil{float:left;}
.faq .fmid h4 .zil a{font-family:Impact; font-size:18px; color:#323131;}
.faq .fmid h4 .more{float:right;}
.faq .fmid h4 .more a{color:#323131;}

.faq .fmid .left{float:left; width:580px; margin-right:30px;}
.faq .fmid .left ul .last1{height:157px; margin:0 0 10px 0;}
.faq .fmid .left ul .last1 .pic{float:left; width:157px; height:157px; margin:0 3px 0 0;}
.faq .fmid .left ul .last1 .cont{float:left; background:#fff; width:380px; height:117px; padding:20px;}
.faq .fmid .left ul .last1 .cont h5{font-size:16px; margin-bottom:10px;}
.faq .fmid .left ul .last1 .cont .text{line-height:20px; font-size:14px; text-indent:1em; color:#000;}
.faq .fmid .left ul li{line-height:30px; margin:5px 0; background:url(../images/disc.png) no-repeat 1px 50%; padding-left:15px;}
.faq .fmid .left ul li a{display:block; border-bottom:solid 1px #fff; font-size:16px; color:#000;}
.faq .fmid .left ul li:hover{background:url(../images/discHover.png) no-repeat 1px 50%;}
.faq .fmid .left ul li:hover a{color:#3066be;}
.faq .fmid .right{float:left; width:544px;}
.faq .fmid .right .copy{margin:0 auto; overflow:hidden; position:relative; height:379px; }
.faq .fmid .right .copy .bd ul li{margin:0 8px; width:272px; height:379px; float:left; _display:inline; overflow:hidden; text-align:center;}

/*map*/
.map{clear:both; width:100%; height:390px; margin:0 auto; background:url(../images/map.jpg);}

/*contact*/
.conta{width:1200px; height:130px; padding-top:40px; margin:0 auto;}
.conta ul {float:left;}
.conta ul li{float:left; background:url(../images/contact01.png) no-repeat; width:294px; height:98px; margin:0 5px;}
.conta ul li:hover{background:url(../images/conHover01.png) no-repeat; width:294px; height:98px;}
.conta ul li a{width:239px; height:98px; display:block; padding-left:55px; line-height:98px; font-size:18px; color:#000;}
.conta ul li a:hover{color:#3066be;}
.conta ul li .last2{background:url(../images/icon09.png) no-repeat 20px 50%;}
.conta ul li .last3{background:url(../images/icon10.png) no-repeat 20px 50%;}
.conta .site{float:left; background:url(../images/contact02.png) no-repeat; width:576px; height:97px;}
.conta .site:hover{float:left; background:url(../images/conHover02.png) no-repeat; color:;}
.conta .site a{display:block; width:501px; height:77px; padding:20px 20px 0 55px; line-height:25px; font-size:14px; color:#000; background:url(../images/icon11.png) no-repeat 20px 50%;}
.conta .site a:hover{color:#3066be;}

/*bottomNav*/
.bottomNav{width:100%; height:50px; border-top:solid 1px #d9d9d9;}
.bottomNav .mid{width:720px; margin:0 auto;}
.bottomNav .mid ul li{float:left; line-height:50px; margin:0 20px;}
.bottomNav .mid ul li a{display:block; font-size:16px; color:#000; margin-top:-2px;}
.bottomNav .mid ul li a:hover{color:#3066be; border-top:solid 4px #3066be; line-height:41px;}

/*links*/
.blogroll{width:1200px; height:75px; margin:0 auto;}
.blogroll .support{line-height:25px; text-align:center; width:150px; margin:0 auto;}
.blogroll .links{width:170px; margin:0 auto;}
.blogroll .links ul li{float:left; width:14px; height:14px; margin:0 5px;}
.blogroll .links ul li a{display:block;}
.blogroll .links ul li .last1{background:url(../images/icon02.png) no-repeat; width:14px; height:14px;}
.blogroll .links ul li .last2{background:url(../images/icon03.png) no-repeat; width:14px; height:14px;}
.blogroll .links ul li .last3{background:url(../images/icon04.png) no-repeat; width:14px; height:14px;}
.blogroll .links ul li .last4{background:url(../images/icon05.png) no-repeat; width:14px; height:14px;}
.blogroll .links ul li .last5{background:url(../images/icon06.png) no-repeat; width:14px; height:14px;}
.blogroll .links ul li .last6{background:url(../images/icon07.png) no-repeat; width:14px; height:14px;}
.blogroll .links ul li .last7{background:url(../images/icon08.png) no-repeat; width:14px; height:14px;}

.blogroll .FLink{clear:both; width:200px; margin:0 auto; line-height:30px; height:30px; text-align:center;}
.blogroll .FLink p{float:left;}
.blogroll .FLink li{float:left;margin:0 5px;}
.blogroll .FLink li a{color:#acacac;}
.blogroll .FLink li a:hover{color:#3066be;}


/*copyright*/
.CRight{clear:both; text-align:center; background:#a0a0a0; color:#fff; width:100%; height:30px; line-height:30px;}

/*public*/
.public{width:170px; margin:0 auto; height:40px;}
.public a{display:block;height:40px;}
.public .pic1{background:url(../images/bg02.png)no-repeat;}
.public .pic2{margin:0 0 20px 0;background:url(../images/bg03.png)no-repeat;}
.public .pic3{background:url(../images/bg04.png)no-repeat;}

